import React from 'react'
import { View, Swiper, SwiperItem, Image } from '@tarojs/components'
import './index.less'

export default (props: any) => {
  const { srcs } = props.data
  const list = srcs?srcs.split('&'):[]
  return (
    <Swiper
      className='swiperI'
      indicatorColor='#999'
      indicatorActiveColor='#333'
      circular
      indicatorDots
      autoplay
    >
      {
        list.map((item:any, i:any) => (
          <SwiperItem key={i}>
            <View className='bannerWI'>
              <Image  className='bannerI' src={item} mode='aspectFill'></Image>
            </View>
          </SwiperItem>
        ))
      }
    </Swiper>
  );
};
